<template>
  <div class="box">
    <el-tabs v-model="val" @tab-click="handleClick">
      <el-tab-pane label="加工工艺设置" name="1">
        <processing-technology />
      </el-tab-pane>
      <el-tab-pane label="容差设置" name="2">
        <tolerance />
      </el-tab-pane>
      <!-- <el-tab-pane label="桩基钢筋合并设置" name="3">
        <pile-foundation />
      </el-tab-pane> -->
      <el-tab-pane label="料牌设置" name="4">
        <material-card />
      </el-tab-pane>
      <!-- <el-tab-pane label="原材自动消耗设置" name="5">
        <automatic-consumption />
      </el-tab-pane> -->
      <el-tab-pane label="原材默认类型设置" name="6">
        <raw-material-type />
      </el-tab-pane>
      <!-- <el-tab-pane label="弯曲延伸" name="7">
        <bending-extension />
      </el-tab-pane> -->
      <el-tab-pane label="重量计算方式" name="8">
        <weight-calculation />
      </el-tab-pane>
      <el-tab-pane label="余料设置" name="9">
        <surplus-material />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ProcessingTechnology from "./components/processing-technology.vue";
import tolerance from "./components/tolerance.vue";
import pileFoundation from "./components/pile-foundation.vue";
import materialCard from "./components/material-card.vue";
import automaticConsumption from "./components/automatic-consumption.vue";
import rawMaterialType from "./components/raw-material-type.vue";
import bendingExtension from "./components/bending-extension.vue";
import weightCalculation from "./components/weight-calculation.vue";
import surplusMaterial from "./components/surplus-material.vue";

export default {
  name: "ProductionSettings",
  components: {
    ProcessingTechnology,
    tolerance,
    pileFoundation,
    materialCard,
    automaticConsumption,
    rawMaterialType,
    bendingExtension,
    weightCalculation,
    surplusMaterial
  },
  props: {},
  data() {
    return {
      val: "1",
    };
  },
  filters: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {
    handleClick(tab) {
      this.val = tab._props.name;
    },
  },
};
</script>

<style scoped lang="scss">
.box {
  padding: 20px;
  ::v-deep {
    .header {
      font-size: 14px;
      color: #606266;
      font-weight: 700;
      line-height: 36px;
    }
    .tips {
      font-size: 14px;
      color: rgba(161, 163, 172, 1);
    }
    .submitForm {
      text-align: center;
      margin: 20px;
    }
  }
}
</style>
